﻿<!DOCTYPE html>
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<!-- Basic Page Needs
================================================== -->
<title>我的主页</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="author" content="">

<!-- Mobile Specific Metas 
================================================== -->
<meta content="width=device-width,initial-scale=1" name="viewport">

<!-- Favicons
================================================== -->
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

<!--fonts
====================================================-->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700%7cOswald:400,700" rel="stylesheet">
<!--stylesheets
====================================================-->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">  
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/simpletextrotator.css"> 

<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> 
<script src="js/jquery.min.js"></script> <!-- JQUERY -->
</head>
<body>

<!--FRONT PAGE/ SPLASH SCREEN SECTION-->

<div class="loading-screen"></div>

<div id="frontpage"> 
	<div class="shadow-img"></div> 
	<img src="images/front-image.jpg" class="front-img img-responsive" alt ="Front-image"><!--IMAGE FOR FRONT SCREEN-->
	<h1>何丽华<span class="invert">个人简历</span></h1><!--PROFILE NAME-->
	<h3 class="invert" style="margin-top: -10px; margin-bottom: 10px;">网络与新媒体专业<span class="rotate"></span></h3> <!--SUBTITLE IN PROFILE-->
	<div class="frontclick"><img src="images/click.png" alt="" class="img-responsive"><span class="pulse"></span></div>
</div>
<!--FRONT PAGE/ SPLASH SCREEN SECTION ENDS-->
<!--container-->
<div class="container">
	<div id="content" class="row hidden">
		<div class="col-sm-4">
			<!--namecard-->
			<div id="namecard" class="namecard">
				<div class="shadow-img"></div>
				<h1 class="maintitle">何丽华<span class="invert">个人简历</span></h1><!--PROFILE NAME-->
				<h3 class="invert sub-maintitle">2016 
					<span class="rotate">网络与新媒体专业</span><!--SUBTITLE AFTET NAME-->
				</h3>
				<img id="profile-img" class="profile-img transparent" src="images/profile-thum.png" alt="profile-image"><!--PROFILE IMAGE-->
			</div><!--/#namecard-->
			<!--menu-->
			<div id="menu-container">
				<!--PAGE MENU-->
				<ul class="nav-menu no-padding">
					<li class="nav-btn selected" title="Home" data-page="home">
						<div class="hover-background"></div>
						<span>我的主页</span><i class="fa fa-user fa-fw"></i>
					</li>
					<li class="nav-btn" id="resume-btn" title="Resume"  data-page="resume">
						<div class="hover-background"></div>
						<span>技能及荣誉</span><i class="fa fa-file-text fa-fw"></i>
					</li>
				   <li class="nav-btn folio-btn" data-filter="*" title="Portfolio" data-page="portfolio">
						<div class="hover-background"></div>
						<span>我的作品</span><i class="fa fa-suitcase fa-fw"></i>
					</li>
					<li class="nav-btn" title="Contact" id="contact-link" data-page="contact">
						<div class="hover-background"></div>
						<span>联系方式</span><em class="fa fa-paper-plane fa-fw"></em></li>
				</ul><!--/.nav-menu __PAGE MENU ENDS-->

				<!--SOCIAL NAV MENU-->
				<div class="social-menu-container">
					<ul class="social-menu no-padding">                     
						<li><a href=""><i class="fa fa-facebook"></i></a></li>
						<li><a href=""><i class="fa fa-google-plus"></i></a></li>
						<li><a href=""><i class="fa fa-youtube"></i></a></li>
						<li><a href=""><i class="fa fa-pinterest-p"></i></a></li>
						<li><a href=""><i class="fa fa-linkedin"></i></a></li>
					</ul>
				</div><!--/.social-menu-container-->
			</div><!--#menu-container-->
		</div>
		<div class="col-sm-8 page-segment">
			<ul class="page-container no-padding">
				<!--HOME/PROFILE PAGE-->
				<li id="home" class="selected">
					<div class="title-container hidden">
						<div class="shadow-img"></div> 
						<h2 class="rotate-out">欢迎来到<span class="invert">我的简历网站</span></h2><!--HOME TITLE-->                          
					</div>
					<div class="description hidden">
						<div class="watermark-home"></div> 

					  <div class="fade-text transparent">
							<!--DESCRIPTION ON HOME-->
							<div class="strong-text">你好，我叫 <span>何丽华</span></div>
							<div class="focus-text"><span>产品经理 & </span><span>营销策划</span></div>
							<p class="large-paragraph">毕业院校：中山大学南方学院</p>
						  <p class="large-paragraph">专业：网络与新媒体专业</p>
					    <p class="large-paragraph">主修课程：数字图像处理、矢量图形设计、信息可视化、大数据、网络广告营销、广告策划、全媒体信息编辑、APP设计与制作、网页设计与制作、广告文案写作、摄像基础</p>
<!--DESCRIPTION ON HOME ENDS-->
						</div>

						<!--ALL PERSONAL DETAILS-->
						<h3 class="personal-info-title title">个人资料</h3>
						<ul class="personal-info">
							<li class="rotate-out rotated"><label>姓名</label><span>何丽华 </span></li>                     
							<li class="rotate-out rotated"><label>居住地址</label><span>广东省佛山市南海区</span></li>
							<li class="rotate-out rotated"><label>邮箱</label><span>1056704232@qq.com</span></li>  
							<li class="rotate-out rotated"><label>电话</label><span>15915779330</span></li>
						</ul><!--/ul.personal-info-->
					</div>
				</li><!--/#home-->

				<!--RESUME PAGE-->
				<li id="resume" class="hidden">
					<div class="title-container">
						<div class="shadow-img"></div>
						<h2 class="rotate-out rotated"><span class="invert">我的履历</span> 何丽华</h2> <!--RESUME TITLE-->
					</div>
					<div class="description">

						<div class='tabs tabs_animate'>
							<!--RESUME TAB LISTS-->
							<ul class='horizontal no-padding'>
								<li><a href="#tab-1" class="icon-bg icon-skills"><div>技能</div></a></li>
								<li><a href="#tab-2" class="icon-bg icon-education"><div>已获证书</div></a></li>
								<li><a href="#tab-3" class="icon-bg icon-employment"><div>获奖经历</div></a></li>
							</ul><!--RESUME TAB LISTS ENDS-->

							<!--RESUME FIRST TAB/SKILL TAB DETAILS-->
							<div id='tab-1'>
								<h3 class="title">主要技能</h3><!--SKILLS WITH BAR DISPLAY-->
								<ul class="skills-list no-padding">
									<li class="row">
										<div class="col-xs-2"><div class="fw-mid">运营管理</div></div>
										<div class="col-xs-9">
											<div class="bar">
												<div class="percentage" id="bar1" style="width: 58%;"></div>
											</div>
										</div>
									</li>
									<li class="row">
										<div class="col-xs-2"><div class="fw-mid">需求分析</div></div>
										<div class="col-xs-9">
											<div class="bar">
												<div class="percentage" id="bar2" style="width: 75%;"></div>
											</div>
										</div>
									</li>
									<li class="row">
										<div class="col-xs-2"><div class="fw-mid">用户研究</div></div>
										<div class="col-xs-9">
											<div class="bar">
												<div class="percentage" id="bar3" style="width: 85%;"></div>
											</div>
										</div>
									</li>
								</ul><!--SKILLS WITH BAR DISPLAY ENDS-->

								<!--SKILLS WITH CIRCLE DISPLAY-->
								<div class="circle-skill-container">
									<h3 class="title">其他技能</h3>
									<div class="row">
										<div class="col-xs-4 center-align">
											<div class="circle-bar" id="line-container1">
												<div class="progressbar-text" id="progress-text1">0</div>
											</div>
											<h5>PS、AI</h5>
										</div>
										<div class="col-xs-4 center-align">
											<div class="circle-bar" id="line-container2">
												<div class="progressbar-text" id="progress-text2">0</div>
											</div>
											<h5>视频拍摄剪辑</h5>
										</div>
										<div class="col-xs-4 center-align">
											<div class="circle-bar" id="line-container3">
												<div class="progressbar-text" id="progress-text3">0</div>
											</div>
											<h5>交互</h5>
										</div>
									</div>
								</div><!--SKILLS WITH CIRCLE DISPLAY ENDS-->
							</div><!--RESUME FIRST TAB/SKILL TAB DETAILS ENDS-->
							
							<!--RESUME SECOND TAB/EDUCATION TAB DETAILS-->
							<div id='tab-2'>
								<h3 class="title">考取的证书</h3>
								<ul class="education-class">
									<li>
										<!--EDUCATION LIST ITEM-->
										<h4 class="title">全国计算机二级等级良好<i class="fa fa-sort-desc pull-right"></i></h4>
										<div class="list-content">
											<h5 class="title">良好为80-90分<span class="list-year">(2018/9)</span></h5>
											<p>能够熟练运用Word、Excel、PowerPoint,能快速处理文本文件、数据分析、表格制作、PPT制作等</p><!--EDUCATION LIST DETAILS-->
										</div>
									</li>
									<li>
										<!--EDUCATION LIST ITEM-->
										<h4 class="title">普通话二级甲等<i class="fa fa-sort-desc pull-right"></i></h4>
										<div class="list-content current">
											<h5 class="title">87.2分通过普通话二甲<span class="list-year">(2018/10) </span></h5>
											<p>已通过教师资格证笔试，计划2019上半年取得教师资格证</p><!--EDUCATION LIST DETAILS-->
										</div>
									</li>
									<li>
										<!--EDUCATION LIST ITEM-->
										<h4 class="title">全国英语四级考试<i class="fa fa-sort-desc pull-right"></i></h4>
										<div class="list-content">
											<h5 class="title">可进行日常的英语口语交流、书面写作<span class="list-year">(2017/6)</span></h5>
											<p></p><!--EDUCATION LIST DETAILS-->
										</div>
									</li>
									
								</ul>
							</div><!--RESUME SECOND TAB/EDUCATION TAB DETAILS ENDS-->
							<!--RESUME THIRD TAB/EMPLYMENT TAB DETAILS ENDS-->
							<div id='tab-3'>
								<h3 class="title">获得的荣誉</h3>
								<ul class="employment-class tab-cont">
									<li>
										<!--EMPLOYMENT INDIVIDUAL LIST-->
										<h4>第十届大广赛广东赛区三等奖、全国优秀奖<span class="year">2018 -8</span></h4>
										<h5>作品名称：影视类《善恶的点线面演绎》</h5>
										<p>负责文案和脚本的的撰写</p>
										<!--EMPLOYMENT LIST DETAILS-->
									</li>
									<li>
										<!--EMPLOYMENT INDIVIDUAL LIST-->
										<h4>第十六届学院奖春季赛优秀作品奖（全国）<span class="year">2018 - 7</span></h4>
										<h5>作品名称：平面设计类《精致就是百分百纯棉的》</h5>
										<p>使用软件：SAI + PS</p>
										<!--EMPLOYMENT LIST DETAILS-->
									</li>
									<li>
										<!--EMPLOYMENT INDIVIDUAL LIST-->
										<h4>第十六届学院奖春季赛优秀作品奖（全国）<span class="year">2018 - 7</span></h4>
										<h5>作品名称：影视类《京东618》</h5>
										<p>负责策划、素材手绘、脚本撰写</p>
										<!--EMPLOYMENT LIST DETAILS-->
									</li>
									<li>
										<!--EMPLOYMENT INDIVIDUAL LIST-->
										<h4>第十六届学院奖春季赛佳作奖（全国）<span class="year">2018 - 7</span></h4>
										<h5>作品名称：影视类《跑路》</h5>
										<p>负责策划、素材手绘、脚本撰写</p>
										<!--EMPLOYMENT LIST DETAILS-->
									</li>
									<li>
										<!--EMPLOYMENT INDIVIDUAL LIST-->
										<h4>第三届编程马拉松（校级）<span class="year">2018 - 11</span></h4>
										<h5>作品名称：产品原型设计《元气大学》</h5>
										<p>负责部分原型制作及需求书撰写</p>
										<!--EMPLOYMENT LIST DETAILS-->
									</li>
									<li>
										<!--EMPLOYMENT INDIVIDUAL LIST-->
										<h4>中山大学南方学院优秀学生干部<span class="year">2017- 6</span></h4>
										<h5>2016-2017担任班级学习委员</h5>
										<p></p>
										<!--EMPLOYMENT LIST DETAILS-->
									</li>
									<li>
										<!--EMPLOYMENT INDIVIDUAL LIST-->
										<h4>中山大学南方学院二等奖学金<span class="year">2016-2018</span></h4>
										<h5>连续两年获得学院二等奖学金</h5>
										<p></p>
										<!--EMPLOYMENT LIST DETAILS-->
									</li>
									<li>
										<!--EMPLOYMENT INDIVIDUAL LIST-->
										<h4>第十届学院班级辩论赛决赛最佳辩手<span class="year">2018 - 7</span></h4>
										<h5>共获得三次最佳辩手称号</h5>
										<p>带领班级获得第十届班级辩论赛冠军。担任辩论队副队长</p>
										<!--EMPLOYMENT LIST DETAILS-->
									</li>
									<li>
										<!--EMPLOYMENT INDIVIDUAL LIST-->
										<h4>第一届创业规划大赛（校级）<span class="year">2017 - 12</span></h4>
										<h5>作品名称：可租借的影视工作室</h5>
										<p></p>
										<!--EMPLOYMENT LIST DETAILS-->
									</li>
								</ul>
							</div><!--RESUME THIRD TAB/EMPLYMENT TAB DETAILS ENDS-->
						</div>
					</div>
				</li>
				<!--/#resume-->
				<!--PORTFOLIO PAGE-->
				<li id="portfolio" class="hidden">
					<div class="title-container">
						<div class="shadow-img"></div>
						<h2 class="rotate-out rotated">我的作品</h2> <!--PORTFOLIO TITLE-->                         
					</div>

					<!--PORTFOLIO CATEGORY LIST-->    
					<div class="abs-child">
						<ul class="button-group filters-button-group">
							<li class="button is-checked" data-filter="*">所有作品</li>
							<li class="button" data-filter=".photography">影视作品</li>
							<li class="button" data-filter=".commercial">平面作品</li>
							<li class="button" data-filter=".potrait">文档撰写</li>
						</ul><!--/.button-group filters-button-group-->
					</div>
					
					<div class ="sec-porfolio description"> 
						<div class="row">
							<!--PORTFOLIO ITEM CONTAINER-->
							<div class="folio-container">
								<ul class="folio-item"><!--PORTFOLIO INDIVIDAUAL ITEM-->
									<li class="view view-second commercial">  
										<img src="images/folio/qdkj.jpg" alt="logs" /><!--PORTFOLIO INDIVIDAUAL ITEM IMAGE--> 
										<div class="mask">  
											 <h2>平面</h2> <!--PORTFOLIO INDIVIDAUAL ITEM TITLE-->                               
											<!-- Button trigger modal -->
											<a role="button" class="info" data-toggle="modal" data-target="#myModal">点击了解</a><!--PORTFOLIO INDIVIDAUAL ITEM MODAL LINK BY 'data-target'-->
										 </div>  
									</li>  
									<li class="view view-first photography"><!--PORTFOLIO INDIVIDAUAL ITEM-->
									  <img src="images/folio/huas.jpg" alt="book" /><!--PORTFOLIO INDIVIDAUAL ITEM IMAGE--> 
										<div class="mask"></div>
										<div class="content">
											<h2>影视</h2><!--PORTFOLIO INDIVIDAUAL ITEM TITLE-->                                  
											<a role="button" class="info" data-toggle="modal" data-target="#myModal2">点击了解</a><!--PORTFOLIO INDIVIDAUAL ITEM MODAL LINK BY 'data-target'-->
										</div>
									</li>
									<li class="view view-tenth photography"> <!--PORTFOLIO INDIVIDAUAL ITEM--> 
										 <img src="images/folio/jd.jpg" alt="beach" /> <!--PORTFOLIO INDIVIDAUAL ITEM IMAGE-->  
										 <div class="mask">  
											 <h2>影视</h2><!--PORTFOLIO INDIVIDAUAL ITEM TITLE-->                                    
											 <a role="button" class="info" data-toggle="modal" data-target="#myModal5">点击了解</a>  <!--PORTFOLIO INDIVIDAUAL ITEM MODAL LINK BY 'data-target'-->
										 </div>  
									</li>                         
									<li class="view view-first photography"><!--PORTFOLIO INDIVIDAUAL ITEM-->
									  <img src="images/folio/tj.jpg" alt="guy" /><!--PORTFOLIO INDIVIDAUAL ITEM IMAGE--> 
										<div class="mask"></div>
										<div class="content">
											<h2>快闪</h2><!--PORTFOLIO INDIVIDAUAL ITEM TITLE-->                                 
											<a role="button" class="info" data-toggle="modal" data-target="#myModal3">点击了解</a><!--PORTFOLIO INDIVIDAUAL ITEM MODAL LINK BY 'data-target'-->
										</div>
									</li> 
														
									<li class="view view-first potrait"><!--PORTFOLIO INDIVIDAUAL ITEM-->  
										 <img src="images/folio/hs.jpg" alt="illustration" /><!--PORTFOLIO INDIVIDAUAL ITEM IMAGE-->   
										 <div class="mask">  
											 <h2>文档</h2>                                   
											 <a role="button" class="info" data-toggle="modal" data-target="#myModal4">点击了解</a> <!--PORTFOLIO INDIVIDAUAL ITEM MODAL LINK BY 'data-target'--> 
										 </div>  
									</li>                                  
																						  
								</ul>
							</div>
							<!--PORTFOLIO ITEM CONTAINER ENDS-->
						</div>                          
					</div>
				</li><!--/#portfolio-->

				<!--CONTACT PAGE-->
				<li id="contact" class="hidden">
					<div class="title-container" >
						<div class="shadow-img"></div>
					  <h2 class="rotate-out rotated">联系我吧</h2>
						<!--CONTACT PAGE TITLE-->
					</div>
					<div class="description">                           
						<div class="row">
							<div class="col-sm-12">
								<div class="map-container">
									<div id="map" style="width:100%;height:325px;"></div><!--GOOGLE MAP-->
								</div>
							</div>

							<div class="col-sm-5">
								<!--CONTACT DESCRIPTION-->
							  <h3 class="title">我的联系方式</h3>
							  <h6 class="sm-title"><span class="address-icon"><em class="fa fa-map-marker"></em></span>广东省广州市越秀区</h6>
								<h6 class="sm-title"><span class="address-icon"><i class="fa fa-phone"></i></span>15915779330</h6>
							  <h6 class="sm-title"><span class="address-icon"><i class="fa fa-envelope"></i></span>nurealamsabbir@authlab.io</h6>
								<!--/CONTACT DESCRIPTION ENDS-->
							</div>
							<div class="col-sm-7">

								<div class="mail-container">
									<div class="cnmail result">
										<div class="msg success-msg"><i class="icon svg-check"><!--?xml version="1.0" encoding="utf-8"?-->  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32"> <path d="M16 2.688c-7.375 0-13.313 5.938-13.313 13.313s5.938 13.313 13.313 13.313c7.375 0 13.313-5.938 13.313-13.313s-5.938-13.313-13.313-13.313zM16 28.25c-6.75 0-12.25-5.5-12.25-12.25s5.5-12.25 12.25-12.25c6.75 0 12.25 5.5 12.25 12.25s-5.5 12.25-12.25 12.25zM22.688 11.25l-8.563 8.313-3-3c-0.313-0.313-0.813-0.313-1.125 0s-0.313 0.813 0 1.125l3.563 3.563c0.125 0.125 0.313 0.188 0.563 0.188 0.188 0 0.375-0.063 0.5-0.188l9.125-8.875c0.375-0.313 0.375-0.813 0.063-1.125s-0.813-0.313-1.125 0z"></path> </svg> </i><span> You email has been stored!</span></div>
										<div class="msg error-msg"><i class="icon svg-close-circle"><!--?xml version="1.0" encoding="utf-8"?-->  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32"> <path d="M6.563 6.563c-5.188 5.188-5.188 13.688 0 18.875s13.688 5.188 18.875 0c5.188-5.188 5.188-13.625 0-18.875-5.188-5.188-13.625-5.188-18.875 0zM24.688 24.688c-4.813 4.75-12.563 4.75-17.375 0-4.75-4.813-4.75-12.563 0-17.375 4.813-4.75 12.563-4.75 17.375 0 4.75 4.813 4.75 12.563 0 17.375zM10.75 10l-0.813 0.75 5.313 5.25-5.25 5.25 0.75 0.75 5.25-5.25 5.25 5.25 0.75-0.75-5.25-5.25 5.313-5.25-0.813-0.75-5.25 5.25z"></path> </svg> </i><span> Sorry! Something went wrong!</span></div>
									</div>
									<h3 class="title invert">留下您的联系方式</h3>
									<!--CONTACT FORM-->
									<form action="sendmail.php" class="form-horizontal" id="contact-form">
										<div class="form-group">
											<input name="name" class="form-control required" placeholder="姓名" data-placement="top" type="text">
										</div>                                    
										<div class="form-group">
											<input name="email" class="form-control email" placeholder="邮箱" type="text">
										</div>                   
										<div class="form-group">
											<textarea name="message" class="form-control" placeholder="其他信息" rows="3"></textarea>
										</div>
										<div class="form-group">
											<button type="submit" class="btn btn-success"> 发送</button>
										</div>

									</form><!--/#contact-form-->
								</div>                      
								
							</div>                          
							
						</div>
					</div>
				</li><!--/#contact-->
			</ul> 

			<div class="row mobile-nav-container">
				<!--SOCIAL NAV FOR MOBILE-->
				<ul class="mobile-social no-padding">
				  <li>关于我</li>
				  <li><a href=""><i class="fa fa-facebook"></i></a></li>
					<li><a href=""><i class="fa fa-google-plus"></i></a></li>
					<li><a href=""><i class="fa fa-youtube"></i></a></li>
					<li><a href=""><i class="fa fa-pinterest-p"></i></a></li>
					<li><a href=""><i class="fa fa-linkedin"></i></a></li>
				</ul><!--/.mobile-social-->
			</div>               
		</div><!--/.page-segment -->
		<!--  <h6 class="copyright-text">Copyright © 2015 John Doe</h6> --> <!--if anyone wants copyright Texts--> 
	</div>
</div><!--/.container -->
<div class="tlinks">Collect from <a href="http://www.cssmoban.com/" >网页模板</a></div>
<!--PORTFOLIO IMAGE MODAL LIST-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="myModalLabel">精致就是100%纯棉的</h4>
				<!--PORTFOLIO IMAGE TITLE-->
			</div>
			<div class="modal-body">
				<img src="images/folio/qdkj.jpg" class="img-responsive" alt="modal-image"><!--PORTFOLIO MODAL IMAGE-->
			</div>
			<div class="modal-footer">
				<div class="mf-content">
				  <p>创意思想：现在的都市女性都在追求或者向往着“精致生活”，尤其“做精致的猪猪女孩”更是成为了今年的网络热词。那么什么是“精致”呢？以此为灵感，“精致”就是“不将就”的生活态度，就是追求完美，细腻的精神。而七度空间少女系列，100%纯棉的，就是“精致”的体现。本作品以女性元素为主的，分别表达女性性感，高贵，纯真的特点。而在，棉花作为该作品女性身上的细致的装饰物出现在图中，表达“精致”就是纯棉100%</p>
				</div>                      
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="myModalLabel2">花生好车《跑路》</h4><!--PORTFOLIO IMAGE TITLE-->
			</div>
			<div class="modal-body">
				<a href="https://www.xinpianchang.com/a10404787" target="_blank"><img src="images/folio/huas.jpg" class="img-responsive" alt="modal-image"></a><!--PORTFOLIO MODAL IMAGE-->
			</div>
			<div class="modal-footer">
				<div class="mf-content">
					<p>创意思想：现在的年轻人都热衷于手游游戏，花钱购买装备的也不在少数，因此通过制作一个极富趣味性打斗游戏场景来吸引年轻人的目光。在角色的设定上，毛豆即为花生好车其中一个竞争对手――毛豆行车网。内容上，结合花生好车是在天猫进行选车和征信审核的特点，因此毛豆与花生都是通过手机端购买武器进行战斗。最后，花生在毛豆召唤两万精兵的情况下，购买了花生好车“逃跑”。这样剧情的反转给人一种眼前一亮的感觉。而“跑路”不止是滑稽的表达花生的“跑路”，更是表达汽车飞驰在公路上的意思。</p>
				</div>                      
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="myModalLabel3">藤椒泡面</h4>
				<!--PORTFOLIO IMAGE TITLE-->
			</div>
			<div class="modal-body">
				
<a href="https://www.xinpianchang.com/a10353186?from=UserProfile" target="_blank"><img src="images/folio/tj.jpg" class="img-responsive" alt="modal-image"></a><!--PORTFOLIO MODAL IMAGE-->
			</div>
			<div class="modal-footer">
				<div class="mf-content">
					<p>创意思想：通过初恋的触电感来描述藤椒麻酥的口感，让人欲罢不能</p>
				</div>                      
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel4" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="myModalLabel4">汇说APP</h4>
				<!--PORTFOLIO IMAGE TITLE-->
			</div>
			<div class="modal-body">
				<a href="https://github.com/161013033/APP_team1/blob/master/README.md" target="_blank"><img src="images/folio/hs.jpg" class="img-responsive" alt="modal-image"></a><!--PORTFOLIO MODAL IMAGE-->
			</div>
			<div class="modal-footer">
				<div class="mf-content">
					<p>我们的产品定位是创作+互动的电子阅读APP 。现在，市面上的阅读类APP大多都建立了能让用户分享自己的阅读感悟的社区，但是，随着越来越多的同类产品出现，这类的社区对于用户的黏度也开始降低。因此，我们的APP，在此基础上，加入了一个全新的概念————打造了一个【游戏社区】。在【游戏社区】中，用户可以通过参与游戏，来与其他用户进行【竞争】和【创作】，并且能够获得【奖励】【排行】等，以此大大增强用户的粘度。</p>
				</div>                      
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel5" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title" id="myModalLabel5">京东618广告</h4>
				<!--PORTFOLIO IMAGE TITLE-->
			</div>
			<div class="modal-body">
				<a href="https://www.xinpianchang.com/a10353171?from=UserProfile" target="_blank"><img src="images/folio/jd.jpg" class="img-responsive" alt="modal-image"></a><!--PORTFOLIO MODAL IMAGE-->
			</div>
			<div class="modal-footer">
				<div class="mf-content">
					<p>创意思想：如今，年轻的上班白领一天到晚不停地工作，仅仅有年终可以过个放假，为什么不可以在“年中”也过一个节放松一下呢？针对这一点，京东年中618购物节不仅会带给你购买的乐趣，购物节狂欢，轻松欢快的节日气氛，还能给工作忙碌的上班一族“放个假”，在购物节中购物放松，放假同时也是京东618商品放价，降价的谐音。京东618购物节全球一起买买买剁手的狂欢，618购物节的大力优惠力度，技术+品牌+金融的新型销售方式也在广告中作出表现。</p>
				</div>                      
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="modal fade" id="subscribe_modal_1" tabindex="-1" role="dialog" aria-labelledby="subscribe_modal_1" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h2 class="modal-title">Thank You</h2><!--PORTFOLIO IMAGE TITLE-->
			</div>
			<div class="modal-body">
				<div class="text-center mail-sucsess"><h3> <span>your mail has been sent</span></h3></div>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<!--javascript files
=============================================================-->
<script type="text/javascript" src="js/jQueryTween-aio-min.js"></script> <!-- JQUERY Tween Plugin -->
<script type="text/javascript" src="js/jquery.tabslet.min.js"></script> <!-- JQUERY Tab plugin-->     
<script type="text/javascript" src="js/progressbar.min.js"></script> <!-- JQUERY Progressbar Plugin-->
<script type="text/javascript" src="js/jquery.simple-text-rotator.min.js"></script> <!-- JQUERY Text Rotator-->
<script type="text/javascript" src="js/bootstrap.min.js"></script> <!-- Bootstrap file-->
<script src="http://ditu.google.cn/maps/api/js?key=AIzaSyBPNkCVoBW_Jzl6x-hgGU6e7QW1QMwKles"></script>
<script type="text/javascript" src='js/isotope.pkgd.min.js'></script>
<script type="text/javascript" src="js/custom.js"></script>
</body>
</html>
